<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

	<ui:composition template="/templates/template.xhtml">
			<ui:define name="pageTitle">Usuário</ui:define>
			<ui:define name="pageHeader">Cadastro de Usuário</ui:define>
			<ui:define name="body">
				<h:form id="cadastrar">
					<h:messages/>
					<h:inputHidden value="#{usuarioBean.usuarioSelecionado.id}" />
					<h:panelGrid columns="2">
						<h:outputLabel value="Nome:" />
						<p:inputText id="nome" value="#{usuarioBean.usuarioSelecionado.nome}" required="true" />
						<h:outputLabel value="Email:" />
						<p:inputText id="email" value="#{usuarioBean.usuarioSelecionado.email}" readonly="true"/>
						<h:outputLabel value="Data de nascimento:" />
						<p:inputMask mask="99/99/9999" id="dataNascimento" value="#{usuarioBean.usuarioSelecionado.dataNascimento}" >
							<f:convertDateTime locale="pt_BR" pattern="dd/MM/yyyy"/>
						</p:inputMask>					
						<h:outputLabel value="Telefone Comercial:" />
						<p:inputMask mask="(99) 9999-9999" id="telComercial" value="#{usuarioBean.usuarioSelecionado.telefoneComercial}" />						
						<h:outputLabel value="Telefone Residencial:" />
						<p:inputMask mask="(99) 9999-9999" id="telResidencial" value="#{usuarioBean.usuarioSelecionado.telefoneResidencial}" />
						<h:outputLabel value="Telefone Celular:" />
						<p:inputMask mask="(99) 9999-9999" id="telCelular" value="#{usuarioBean.usuarioSelecionado.telefoneCelular}" />
					</h:panelGrid>
					<h:commandButton action="#{usuarioBean.salvar}" value="Salvar" />					
				</h:form>
				<h:form id="lista">
					<h:dataTable value="#{usuarioBean.lista}" var="usuario" border="1" rendered="#{not empty usuarioBean.lista}">
						<h:column>
							<f:facet name="header">Nome</f:facet>
							#{usuario.nome}
						</h:column>
						<h:column>
							<f:facet name="header">Email</f:facet>
							#{usuario.email}
						</h:column>
						<h:column>
						<f:facet name="header">Ações</f:facet>
							<h:commandLink  action="#{usuarioBean.excluir()}"  onclick="if (!confirm('Deseja realmente excluir o usuário #{usuario.nome}?')) return false;">
								<h:graphicImage library="imagens"  name="remove-icon.png"/>
								<f:setPropertyActionListener target="#{usuarioBean.usuarioSelecionado}" value="#{usuario}" />
							</h:commandLink>
							<h:commandLink>
								<h:graphicImage library="imagens"  name="wrench-icon.png"/>
								<f:setPropertyActionListener target="#{usuarioBean.usuarioSelecionado}" value="#{usuario}"/>
							</h:commandLink>
						</h:column>
					</h:dataTable>
				</h:form>
			</ui:define>
	</ui:composition>

</html>